<!DOCTYPE html>
<html>

<head>
  <title>Home</title>
  <!--//theme-style-->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta charset="utf-8">
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <script src="js/responsiveslides.min.js"></script>
  <script>
  $(function() {
    $("#slider2").responsiveSlides({
      auto: true,
      pager: true,
      speed: 300,
      namespace: "callbacks",
    });
  });
  </script>
</head>

<body>
  <!--header-->
  <div class="header-bottom-top">
    <div class="container">
      <!-- 					<div class="search">
						<input type="text" value="站内搜索" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
						<input type="submit"  value="">
					</div> -->
      <div class="clearfix"> </div>
      <div class="header-bottom">
        <div class="logo">
          <a href="index.html">
            <img src="images/log.png" alt=" " />
          </a>
        </div>
        <div class="top-nav">
          <span class="menu"> </span>
          <ul>
            <li class="active">
              <a href="index.html" class="scroll">首页</a>
            </li>
            <li>
              <a href="about.html" class="scroll">协会介绍</a>
            </li>
            <li>
              <a href="teams.html" class="scroll">荣誉资质</a>
            </li>
            <li>
              <a href="services.html" class="scroll">产品展示</a>
            </li>
            <li>
              <a href="sports.html" class="scroll">协会活动</a>
            </li>
            <li>
              <a href="contact.html" class="scroll">基地管理</a>
            </li>
            <li>
              <a href="services.html" class="scroll">留言建议</a>
            </li>
          </ul>
          <!--script-->
          <script>
          $("span.menu").click(function() {
            $(".top-nav ul").slideToggle(500);
          });
          </script>
        </div>
        <div class="clearfix"> </div>
      </div>
    </div>
  </div>
  <!--banner-->
  <div class="slider">
    <ul class="rslides" id="slider2">
      <li>
        <a href="#">
          <img src="images/ban.jpg" alt="">
          <div class="banner">
            <span class="matter"> </span>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/bb.jpg" alt="">
          <div class="banner">
            <span class="matter"> </span>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/ban.jpg" alt="">
          <div class="banner">
            <span class="matter"> </span>
          </div>
        </a>
      </li>
      </li>
  </div>
  <div class="welcome-section">
    <div class="container">
      <div class="welcom-grids">
        <div class="col-md-6 welcom-grid-img">
          <img src="images/v1.jpg" title="img" />
        </div>
        <div class="col-md-6 welcom-grid-text">
          <h2>协会简介</h2>
          <p>协会是指由个人、单个组织为达到某种目标，通过签署协议，自愿组成的团体或组织， 中文将英语Association译作“协会”，和工会组织的概念不同。 协会常指包括职业、雇主、行业、学术和科学等方面为达成某种目标而成立的组织。 “工会”多指被雇用者为确保自身权益特别是经济利益而成立的组织， 多集中于雇佣者和被雇佣者的关系。
          </p>
          <p>行业协会是社会中介组织，它的产生和发展是社会分工和市场竞争日益加剧的结果， 反映了各行业的企业自我服务、自我协调、自我监督、自我保护的意识和要求。 具体说来，行业协会的形成及其作用应该包含以下内容： 一是必须以同行业的企业为主体；二是必须建立在自愿原则的基础上； 三是必须以谋取和增进全体会员企业的共同利益为宗旨：四是一种具有法人资格的经济社团。
          </p>
        </div>
        <div class="clearfix"> </div>
      </div>
    </div>
  </div>
  <!--start-letest-->
  <div class="letest-section">
    <div class="container">
      <h3>新闻事件</h3>
      <div class="letest-main">
        <div class="letest-text-grid">
          <div class=" col-md-6 letgesst-section1">
            <div class="letest-gride1">
              <div class="col-md-2">
                <div class="data-index">
                  <span>26</span>
                  <span class="month">Dec,2014</span>
                </div>
              </div>
              <div class="col-md-10 latest-text dimand ">
                <h4>新闻标题</h4>
                <p>新闻，是指通过报纸、电台、电视台、互联网等媒体途径所传播的信息的一种称谓。</p>
                <a class="read-btn" href="#">更多>></a>
              </div>
              <div class="clearfix"> </div>
            </div>
            <div class="letest-gride1">
              <div class="col-md-2">
                <div class="data-index">
                  <span>26</span>
                  <span class="month">Dec,2014</span>
                </div>
              </div>
              <div class="col-md-10 latest-text dimand ">
                <h4>新闻标题</h4>
                <p>新闻，是指通过报纸、电台、电视台、互联网等媒体途径所传播的信息的一种称谓。</p>
                <a class="read-btn" href="#">更多>></a>
              </div>
              <div class="clearfix"> </div>
            </div>
          </div>
          <div class=" col-md-6 latest-section1">
            <div class="letest-gride1">
              <div class="col-md-2">
                <div class="data-index">
                  <span>26</span>
                  <span class="month">Dec,2014</span>
                </div>
              </div>
              <div class="col-md-10 latest-text dimand ">
                <h4>新闻标题</h4>
                <p>新闻，是指通过报纸、电台、电视台、互联网等媒体途径所传播的信息的一种称谓。</p>
                <a class="read-btn" href="#">更多>></a>
              </div>
              <div class="clearfix"> </div>
            </div>
            <div class="letest-gride1">
              <div class="col-md-2">
                <div class="data-index">
                  <span>26</span>
                  <span class="month">Dec,2014</span>
                </div>
              </div>
              <div class="col-md-10 latest-text dimand ">
                <h4>新闻标题</h4>
                <p>新闻，是指通过报纸、电台、电视台、互联网等媒体途径所传播的信息的一种称谓。</p>
                <a class="read-btn" href="#">更多>></a>
              </div>
              <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="gal" class="gallery">
    <div class="container">
      <h3>产品展示</h3>
      <div class="gallery-grids">
        <div class="gallery-grid gallery-grid3">
          <a href="#" class="b-link-stripe b-animate-go  thickbox">
            <img class="img-responsive port-pic" src="images/g1.jpg" />
            <div class="b-wrapper">
              <h2 class="b-animate b-from-left    b-delay03 ">
										<span>SPORTS</span>
										<button>View photo</button>
									</h2>
            </div>
          </a>
        </div>
        <div class="gallery-grid gallery-grid1">
          <a href="#" class="b-link-stripe b-animate-go  thickbox">
            <img class="img-responsive port-pic" src="images/g2.jpg" />
            <div class="b-wrapper">
              <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
									</h2>
            </div>
          </a>
        </div>
        <div class="gallery-grid gallery-grid2">
          <a href="#" class="b-link-stripe b-animate-go  thickbox">
            <img class="img-responsive port-pic" src="images/g3.jpg" />
            <div class="b-wrapper">
              <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
										
									</h2>
            </div>
          </a>
        </div>
        <div class="gallery-grid gallery-grid2">
          <a href="#" class="b-link-stripe b-animate-go  thickbox">
            <img class="img-responsive port-pic" src="images/g4.jpg" />
            <div class="b-wrapper">
              <h2 class="b-animate b-from-left    b-delay03 ">
										<span> SPORTS</span>
										<button>View photo</button>
										
									</h2>
            </div>
          </a>
        </div>
        <div class="clearfix"></div>
      </div>
      <a class="view-gallery-btn" href="#">查看所有产品</a>
    </div>
  </div>
  <script type="text/javascript">
  </script>
  <a href="#" id="toTop" style="display: block;">
    <span id="toTopHover" style="opacity: 1;"> </span>
  </a>

</body>

</html>
